.rb-grid{list-style:none;text-align:left;margin:0 auto}
.rb-grid li{width:24%;height:15em;margin:0.5%;background:#8CC7DF;color:#fff;display:block;float:left;padding:1.6em;cursor:pointer;position:relative;margin-left:3px!important}
.rb-grid li.rb-span-2{width:49%;margin-left:3px!important}
.rb-grid li.rb-span-4{width:99%}
.rb-grid li h3{font-size:1.5em;font-weight:100;text-align:left}
.rb-grid li[class^="icon-"]:before,.rb-grid li[class*=" icon-"]:before{font-size:10em;position:absolute;display:block;width:100%;height:100%;top:0;left:0;line-height:3;opacity:0.4;text-align:right;pointer-events:none}
.rb-temp{margin-top:5px;display:block;font-size:1em;opacity:0.5;-webkit-transition:opacity 0.3s ease-in-out;-moz-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out;text-align:left}
.rb-grid li:hover .rb-temp{opacity:1}
.rb-overlay{opacity:0;position:fixed;top:0;left:0;width:100%;height:100%;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease;z-index:-1;pointer-events:none;cursor:default}
.rb-close{position:absolute;top:0.4em;right:0.4em;width:2em;height:2em;text-indent:-9000px;cursor:pointer;z-index:1000}
.rb-close::before{content:'x';font-weight:100;position:absolute;top:0;left:0;width:100%;height:100%;font-size:3em;line-height:0.6;text-align:center;text-indent:0}
.rb-week{width:100%;padding:30px}
.rb-week > div{width:60%;height:100%;float:left;position:relative;padding:3%}
.rb-week > div:first-child{width:40%}
.rb-week span{padding:5% 0;font-size:2em;font-weight:100;display:block;margin:auto 0;width:100%;line-height:0.8}
.rb-week span.rb-city{font-weight:700;padding:1% 10%;font-size:1em;line-height:1.2}
.rb-week [class^="icon-"]:before{font-size:2.5em;font-weight:normal}
.rb-week > div:first-child [class^="icon-"]{opacity:0.1}
/* Colors */

/* Overlay Columns */
@media screen and (max-width:63.125em){.rb-grid li,.rb-grid li.rb-span-2,.rb-grid li.rb-span-4{width:100%;height:10em;text-align:left}.rb-grid li[class^="icon-"]:before,.rb-grid li[class*=" icon-"]:before{font-size:6em;left:auto;right:0;line-height:2.5}.rb-grid li > div{text-align:center}}